﻿<%@ Page Title="JohnnySins :: MY LIFE" Language="C#" MasterPageFile="~/Admin/Admin.Master" AutoEventWireup="true" CodeBehind="MyLife.aspx.cs" Inherits="JohnnySins.Admin.MyLife" %>
<%@ Register TagName="TextView" Src="~/Controls/TextView.ascx" TagPrefix="john"  %>
<%@ Register TagName="VideoView" Src="~/Controls/VideoView.ascx" TagPrefix="john"  %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link href="<%=ResolveClientUrl("~") %>Styles/responsive-calendar.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="<%=ResolveClientUrl("~") %>Scripts/jquery.expander.min.js"></script>
    <script type="text/javascript" src="<%=ResolveClientUrl("~") %>Scripts/responsive-calendar.js"></script>
    <script type="text/javascript" src="<%=ResolveClientUrl("~") %>jwplayer/jwplayer.js"></script>
    <script type="text/javascript">jwplayer.key = '<%=jwplayerKey%>';</script>
    <script type="text/javascript">
        var selectedDate = "";

        $(function () {
            Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(function (evt, args) {
                var updatedPanels = args.get_panelsUpdated();
                if (updatedPanels.length > 0)
                    if (updatedPanels[0].id.indexOf('upCalendar') > -1) {
                        if (selectedDate)
                            RefreshArchive(selectedDate);
                    }
            });
        });

        function RefreshCalendar(month_year) {
            __doPostBack('<%=upCalendar.ClientID%>', month_year);
        }
        function RefreshArchive(day_month_year) {
            __doPostBack('<%=upArchive.ClientID%>', day_month_year);
        }
    </script>

    <style type="text/css">
        .responsive-calendar .controls h4 {
            color: #7da00a;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="page_title">
        <h1>Video Stream Archive</h1>                		
    </div>
    <div class="admin_table_container">
        
                <div class="row" style="border: 1px solid #d3d3d3;">
                	<div class="col-lg-12">
                    	<div class="video_chat_block">
                                                	
                            <div class="video_chat_container">
                                <div class="row">
                                    <asp:UpdatePanel runat="server" ID="upCalendar" UpdateMode="Conditional" OnLoad="upCalendar_Load">
                                    <ContentTemplate>
                                    <div class="col-sm-7 col-md-7 col-lg-7">
                                    	<div class="archive_calander_container">
                                        
                                           <!--calender add here-->                                           
                                           <div class="container">
                                              <!-- Responsive calendar - START -->
                                                <div class="responsive-calendar">
                                                <div class="controls">
                                                    <a class="pull-left" data-go="prev"><div class="btn btn-primary btn-sm">Prev</div></a>
                                                    <h4><span data-head-year></span> <span data-head-month></span></h4>
                                                    <a class="pull-right" data-go="next"><div class="btn btn-primary btn-sm">Next</div></a>
                                                </div>
                                                
                                                <div class="day-headers">
                                                  <div class="day header">Mon</div>
                                                  <div class="day header">Tue</div>
                                                  <div class="day header">Wed</div>
                                                  <div class="day header">Thu</div>
                                                  <div class="day header">Fri</div>
                                                  <div class="day header">Sat</div>
                                                  <div class="day header">Sun</div>
                                                </div>
                                                <div class="days" data-group="days">
                                                  
                                                </div>
                                              </div>
                                              <!-- Responsive calendar - END -->
                                        	</div>
                                            
                                            <script type="text/javascript">

											</script>
                                            
                                        </div>
                                    </div>
                                    </ContentTemplate>
                                    </asp:UpdatePanel>

                                    <asp:UpdatePanel runat="server" ID="upArchive" UpdateMode="Conditional" OnLoad="upArchive_Load">
                                    <ContentTemplate>
                                    <div class="col-sm-5 col-md-5 ccol-lg-5">
                                    	<div class="text_chat_area">
                                        	<h4>Scene Picture</h4>
                                        	<div class="archive_video_container" style="min-height:500px;">
                                                <asp:Repeater runat="server" ID="rptArchive" OnItemDataBound="rptArchive_ItemDataBound">
                                                <ItemTemplate>
                                                    <!--archive video block-->
                                                    <div class="archive_video_block">
                                                        <div class="video_fream" runat="server" id="divVideo" style="display:none;">
                                                            <div id="div_video_<%# Container.ItemIndex%>">
                                                            </div>
                                                            <div class="video_short_description" style="display:block;" id="div_desc_<%# Container.ItemIndex%>"><p><%# Eval("Description")%></p></div>
                                                        </div>
                                                        <div class="video_fream" runat="server" id="divTxt">
                                                            <a onclick="javascript:showTextViewDialog('<%# PathChat + Eval("FileName").ToString()%>', '<%# Eval("Description").ToString()%>')" href="javascript:void(0);"><img class="img-responsive" src="<%=ResolveClientUrl("~") %>images/web/document.png" alt="" /></a>
                                                            <div class="video_short_description" style="display:block;"><p><%# Eval("Description")%></p></div>
                                                        </div>
                                                        <div class="video_fream" runat="server" id="divVideoDialog">
                                                            <a onclick="javascript:showVideoViewDialog('<%# PathVideo + Eval("FileName").ToString()%>', '<%# Eval("Description").ToString()%>')" href="javascript:void(0);"><img class="img-responsive" src="<%=ResolveClientUrl("~") %>images/web/video.png" alt="" /></a>
                                                            <div class="video_short_description" style="display:block;"><p><%# Eval("Description")%></p></div>
                                                        </div>
                                                    </div>
                                                </ItemTemplate>
                                                </asp:Repeater>
                                            </div>   
                                        </div>
                                    </div>
                                    </ContentTemplate>
                                    </asp:UpdatePanel>
                                </div>
                            </div>
                        
                        </div>                        
                    </div>
                </div>
    </div>
    <script type="text/javascript">
        $('#divMyLife').expander({
            slicePoint: 350,
            widow: 10,
            preserveWords: true,
            beforeExpand: function () { $('#divMyLife').find("span.details").css("display", "inline"); },
            afterExpand: function () { $('#divMyLife').find("span.details").css("display", "inline"); }
        });
    </script>
    <john:TextView ID="ctrlTextView"  runat="server" />
    <john:VideoView ID="ctrlVideoView"  runat="server" />
</asp:Content>
